.table-container {
	height: 500px;
}
.AllData-wrap {
	height: 70px;
	background-color: rgba(0,153,255,.7);
	color: white;
	margin-bottom: 15px;

	border-radius: 5px;
}
.AllData-wrap ul {
	display: flex;
	justify-content: space-around;
}
.AllData-wrap ul li {
	line-height: 70px;
	text-align: center;
}
.img-container {
	text-align: center;
}
.img-wrap {
	background-color: white;
	margin: 0 auto;
	position: relative;
	height: 655px;
	width: 923px;
}
.map {
	height: 100%;
}
.mapIcon {
	width: 25px;
    height: 25px;
    z-index: 1000;

    position: absolute;
    top: 300px;
    left: 300px;
}
.mapIcon:hover {
	cursor: pointer;
}
.div-wrap {
	/*display: flex;
	justify-content: space-around;*/
	display: block;
	margin-top: 30px;

}
.container {
	float: left;
	margin-right: 25px;
}
.content {
	display: none;
	/*border: 1px solid black;*/
	border-radius: 5px;
	background-color: rgba(0,153,255,0.8);
	color: rgba(255,255,255,1); 

	width: 150px;
	padding: 10px;

	vertical-align: middle;
}
.content ul li {
	padding: 3px;
}
.nationalData {
	display: block;
	/*border: 1px solid black;*/
	/*border-radius: 5px;*/
	background-color: rgba(0,153,255,0);
	color: white; 

	width: 150px;
	padding: 10px;
	position: absolute;
	bottom: 200px;
	right: 100px;

	vertical-align: middle;
}
/*每个城市与城市浮标都单独做hover效果*/
.GuangZhou:hover + .GuangZhouData {
	display: block;
	position: absolute;
	top: 370px;
    left: 500px;
}
.ShenZhen:hover + .ShenZhenData {
	display: block;
	position: absolute;
	top: 374px;
    left: 503px;
}
.ChengDu:hover + .ChengDuData {
	display: block;
	position: absolute;
	top: 252px;
    left: 372px;
}
.ChongQing:hover + .ChongQingData {
	display: block;
	position: absolute;
	top: 271px;
    left: 406px;	
}
.ChangSha:hover + .ChangShaData {
	display: block;
	position: absolute;
	top: 289px;
    left: 495px;	
}
.WuHan:hover + .WuHanData {
	display: block;
	position: absolute;
	top: 253px;
    left: 406px;	
}
